<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>提示框效果</title>
</head>
<link rel="stylesheet" href="./css/index.css">
<script src="./js/index.js"></script>

<body>
    <div id="box">
        <h3>名车车标展示-鼠标移过显示车标</h3>
        <ul>
            <li>BMW<span>宝马汽车</span><img src="./images/1.jpg" alt=""></li>
            <li>Alfa Romeo<span>阿尔法-罗密欧</span><img src="./images/2.jpg" alt=""></li>
            <li>Skoda<span>斯柯达</span><img src="./images/3.jpg" alt=""></li>
            <li>Colkswagen<span>大众汽车</span><img src="./images/4.jpg" alt=""></li>
            <li>Saab<span>萨布牌轿车</span><img src="./images/5.jpg" alt=""></li>
            <li>Lamborghini<span>兰博基尼</span><img src="./images/6.jpg" alt=""></li>
            <li>Porsche<span>保时捷</span><img src="./images/7.jpg" alt=""></li>
            <li>Peugeot<span>标志</span><img src="./images/8.jpg" alt=""></li>
            <li>Mercedes1<span>梅赛德斯奔驰</span><img src="./images/9.jpg" alt=""></li>
            <li>Buick<span>别克汽车</span><img src="./images/10.jpg" alt=""></li>
        </ul>
        <div class="clear"></div>
    </div>
</body>

</html>